<script setup lang="ts">
defineOptions({name: 'AboutView'});
import dayjs from 'dayjs';
import {AddModal} from '@/components/VxeTableDemo/index';
import {WangEditor} from '@/components/Editor/index';
import {RangePicker} from '@/components/Date/index';
import {Upload} from '@/components/Upload/index';
import {computed, reactive, ref} from 'vue';
let a1 = 10;
let a2 = 20;
// const rangeValue: any = ref([dayjs(), dayjs()]);
const rangeValue: any = ref(undefined);
const count = ref(0);
const state = reactive({
  name: '小明',
  age: 10,
});
const handleClick = () => {
  // a2 + 10;
  console.log('count', count);
  console.log('state', state);
  if (Array.isArray(rangeValue.value)) {
    console.log('rangeValue1', dayjs(rangeValue.value[0]).format('YYYY-MM-DD HH:mm:ss'));
    console.log('rangeValue2', dayjs(rangeValue.value[1]).format('YYYY-MM-DD HH:mm:ss'));
  }
};
</script>

<template>
  <div>test</div>
  <a-button @click="handleClick">点击</a-button>
  <AddModal />
  <WangEditor />
  <RangePicker v-model:modelValue="rangeValue" />
  <Upload />
</template>
